{% extends 'base.html' %}
{% load staticfiles %}
{% block title %}
    机构信息
{% endblock %}

{% block content %}
    <!-- ##### Catagory ##### -->
    <div class="clever-catagory bg-img d-flex align-items-center justify-content-center p-3" style="background-image: url({% static 'img/bg-img/bg2.jpg' %});">
        <h3>机构信息</h3>
    </div>

    <!-- ##### Popular Course Area Start ##### -->
    <section class="popular-courses-area section-padding-100">
        <div class="container">
            <div class="row">
                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms">
                        <img src="{% static 'img/bg-img/c1.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">艺术 &amp; 设计</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#" class="free">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="500ms">
                        <img src="{% static 'img/bg-img/c2.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="750ms">
                        <img src="{% static 'img/bg-img/c3.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms">
                        <img src="{% static 'img/bg-img/c4.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏书
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="500ms">
                        <img src="{% static 'img/bg-img/c5.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#" class="free">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="750ms">
                        <img src="{% static 'img/bg-img/c6.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms">
                        <img src="{% static 'img/bg-img/c7.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#" class="free">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="500ms">
                        <img src="{% static 'img/bg-img/c8.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Popular Course -->
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="750ms">
                        <img src="{% static 'img/bg-img/c9.jpg' %}" alt="">
                        <!-- Course Content -->
                        <div class="course-content">
                            <h4>分店名称</h4>
                            <div class="meta d-flex align-items-center">
                                <a href="#">分店分类名称</a>
                                <span><i class="fa fa-circle" aria-hidden="true"></i></span>
                                <a href="#">Art &amp; Design</a>
                            </div>
                            <p>分店简介</p>
                        </div>
                        <!-- Seat Rating Fee -->
                        <div class="seat-rating-fee d-flex justify-content-between">
                            <div class="seat-rating h-100 d-flex align-items-center">
                                <div class="seat">
                                    <i class="fa fa-user" aria-hidden="true"></i> 分店讲师人数
                                </div>
                                <div class="rating">
                                    <i class="fa fa-star" aria-hidden="true"></i> 分店收藏数
                                </div>
                            </div>
                            <div class="course-fee h-100">
                                <a href="#">分店价格</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--下一页-->
            <div class="row">
                <div class="col-12">
                    <div class="load-more text-center wow fadeInUp" data-wow-delay="1000ms">
                        <a href="#" class="btn clever-btn btn-2">Load More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ##### Popular Course Area End ##### -->

{% endblock %}
